<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>好医生医院</title>
    <!-- <script src="https://unpkg.com/vue@next"></script> -->
    <script src="js/v3.2.8/vue.global.prod.js" type="text/javascript" charset="utf-8"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <style type="text/css">
        #q{
            /*background: url(https://img.tukuppt.com/bg_grid/00/03/85/kxe7Sye4V4.jpg!/fh/350);*/
            background-color: white;
            height: 200px;
            width: 100%;
        }
        .a{
            background-color:limegreen;
            float:right;
            margin-top: 150px;
            margin-right: 20px;
        }
        .el-carousel__item h3 {
            color: #475669;
            font-size: 18px;
            opacity: 0.75;
            line-height: 300px;
            margin: 0;
        }

        .el-carousel__item:nth-child(2n) {
            background-color: #99a9bf;
        }

        .el-carousel__item:nth-child(2n+1) {
            background-color: #d3dce6;
        }
    </style>
</head>
<body>
<div id="app">
    <div id="q">
        <img src="/ssm/img/4444.png" style="width: 180px; margin-left: 100px; margin-top: 16px;">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jobeast.com%2Fjob120%2Fimg%2F5%2F2018%2F4%2F24%2F12fedd05c00c4bb2b1fc14bb6a473c92-1240x254.png&refer=http%3A%2F%2Fimg.jobeast.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1648281518&t=d3fea2ce900c5c8ed7f15e85d89928d5"
             style="height: 200px;margin-left: 110px;">
        <el-button class="a" type="button" icon="el-icon-user-solid" @click="admin()">管理员登录</el-button>
        <el-button class="a"type="button" icon="el-icon-s-custom" @click="user()">用户登录</el-button>

    </div>
    <template>
        <el-carousel :interval="5000" arrow="always" height="800px">
            <el-carousel-item v-for="item in 1" :key="item">
                <img src="https://www.301hospital.com.cn/Uploads/Picture/2021/11/19/s6196fec1a7d2c.jpg" >
            </el-carousel-item>
            <el-carousel-item v-for="item in 1" :key="item">
                <img src="https://www.301hospital.com.cn/Uploads/Picture/2021/11/19/s6196fe764a281.jpg" >
            </el-carousel-item>
            <!--<el-carousel-item v-for="item in 1" :key="item">-->
                <!--<img src="https://www.301hospital.com.cn/Uploads/Picture/2021/06/30/s60dbe40c1d2c8.jpg">-->
            <!--</el-carousel-item>-->
            <!--<el-carousel-item v-for="item in 1" :key="item">-->
                <!--<img src="https://pic.netbian.com/uploads/allimg/161022/202150-14771389103e2c.jpg">-->
            <!--</el-carousel-item>-->
        </el-carousel>
    </template>
</div>
<script>
    var haha = new Vue({
        el:"#app",
        data:{
            info:{}
        },
        methods:{
            admin(){
                window.location.href="/ssm/administrators.html";
            },
            user(){
                window.location.href="customer.html";
            }
        }
    });
</script>
</body>
</html>
